/*
 * @Description: pinia全局状态管理
 * @Date: 2024-09-30 14:47:31
 * @FilePath: \demod:\12electron\b站向军课程\electron-camera\src\renderer\src\stores\useConfigStore.ts
 */
import { defineStore } from 'pinia'
import { ref } from 'vue'

// 你可以任意命名 `defineStore()` 的返回值，但最好使用 store 的名字，同时以 `use` 开头且以 `Store` 结尾。
// (比如 `useUserStore`，`useCartStore`，`useProductStore`)
// 第一个参数是你的应用中 Store 的唯一 ID。
export const useConfigStore = defineStore(
  'configs',
  () => {
    const config = ref({
      deviceId: '', // 绑定的设备id
      page: 'camera', // 页面
      borderWidth: '10px', // 边框宽度
      borderColor: '', // 边框颜色
      shape: '' // 摄像头边框形状
    })

    const updateConfig = () => { }

    return { config, updateConfig }
  },
  {
    persist: {
      storage: localStorage
    }
  }
)
